.scanner,.show-modal{  // 一定要将ion-content设置为背景透明，否则看不到摄像头画面
    --background: none transparent !important;
    background: none transparent !important;
    ion-icon{ 
        font-size: 20px;
    }
  }

  .toolbar-container{
    background: #fff;
  }
  .setBg{
    background: #fff;
  }
  .scanner-button-bottom{
    position: absolute;
    bottom: 45px;
    left: auto;
    right: auto;
    width: 100%;
    .qr-scanner-button{
        width: 75px;
        height: 75px;
        border-radius: 100%;
        background: rgba(0, 0, 0, 0.3);
    }
  }
  
  .qr-scanner-area{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% - 45px - 103px);
    background: url('../../../../assets/scanner.svg') no-repeat center ;
    background-size: 100% 100%;
    .lines{
      left: 25%;
      width: 50%;
      height: 2px;
      background: red;
      position: absolute;
      animation: myfirst 2s linear infinite alternate;
    }
  }
  
  @keyframes myfirst {
    0% {
      background: red;
      top: 21%;
    }
    25% {
      background: yellow;
      top: 27.5%;
    }
    50% {
      background: blue;
      top: 34%;
    }
    75% {
      background: green;
      top: 39.5%;
    }
    100% {
      background: red;
      top: 46%;
    }
  }